@dim-bg: rgba(0, 0, 0, 0.5);

body {
	overflow: initial;
}
.holder {
	height: 100px;
	border: 1px dashed #ccc;
	background: #fff;
	margin: 10px 0;
}

.dragbar {
	cursor: move;
}

.user-define-tool {
	position: fixed;
	width: 400px;
	z-index: 20;
}

.custom-block-container {
	display: block;
	padding: 0;
	&>li{
		display: block;
	}
}

.big-pic {
	height: 200px;
	background: no-repeat center center;
	background-size: cover;
}

.custom-column {
	ul {
		display: block;
		margin: 0;
		font-size: 0;
		li {
			display: inline-block;
			position: relative;
			padding: 5px;
			padding-left: 130px;
			width: 300px;
			height: 100px;
			overflow: hidden;
			border-radius: 5px;
			margin: 5px;
			background-color: @dim-bg;
			.thumb {
				position: absolute;
				height: 90px;
				width: 120px;	
				top: 5px;
				left: 5px;
				background: no-repeat center center;
				background-size: cover;
			}
			.column-content {
				font-size: 12px;
				h4 {
					margin: 0 0 4px 0;
					font-size: 16px;	
				}
			}
		}
	}
}

.pic-text {
	ul {
		display: block;
		margin: 0;
		font-size: 0;
		li {
			display: inline-block;
			width: 100px;
			overflow: hidden;
			border-radius: 5px;
			margin: 5px;
			.pic {
				height: 80px;
				background: no-repeat center center;
				background-size: cover;
			}
			.text {
				height: 60px;
				padding: 5px;
				font-size: 12px;	
				color: #fff;
				overflow: hidden;
				text-overflow: ellipsis;
				background-color: @dim-bg;
			}
		}
	}	
}
